﻿.wrap_body{max-width: 750px; margin: 0 auto; overflow: hidden; min-height: 100vh;}
.wrap { max-width: 1198px; margin: 0 auto; }
.login-img img{ width:35%; height: auto; display: block; margin: 0 auto;}
.w80{ width: 70%; margin: 0 auto;}
.login-box .bon{ padding-top: 10px; padding-bottom: 10px;}
.login-bottom{ position: absolute; left: 0; bottom: 20px; width: 100%;}
.right-lange{ border: 1px solid #aaa; border-radius: 30px; position: relative; padding:4px 10px; min-width: 7em;}
.right-lange em{ position: absolute; right: 10px; top: 50%; margin-top: -0.75em;font-weight: bold;}
.right-lange dd{ position: absolute; left: 0; top: 100%;  border-radius: 10px; padding: 5px; right: 0; text-align: center; display: none; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.right-lange.open dd{ display: block;}
.right-lange.open em{ transform: rotate(180deg);}
.right-lange dd a{ display: block; padding: 5px; border-bottom: 1px solid #fafafa;}
.right-lange dd a:active{ background: #fafafa;}
.right-lange dd a:last-child{ border: 0;}
.login-box .item{ border-bottom: 1px solid #ccc; padding: 5px 0; padding-left: 1em; position: relative; }
.login-box .item .icon{ position: absolute; left: 0; top: 50%; margin-top: -0.75em; color: #fa9c16;}
.login-box .inp{ border:none; width: 100%; padding: 10px 5px; box-sizing: border-box;}
.login-box .item .p1{ position: relative;}
.login-box .item .p1 .fa{ position: absolute; right: 0; top: 50%; margin-top: -0.75em; font-weight: bold; z-index: 1; background: #fff; pointer-events: none;}
.com-title{ background: #2f2e33; position:fixed; padding:0; color: #fff; left: 0; top: 0; right: 0; height: 45px; z-index: 10001;}
.com-title .back:active{ color: #ccc;}
.reg-box .item{ padding-left: 2em;}
[v-cloak] {
  display: none;
}
